<template>
  <div style="text-align: center">
    <el-image
      style="width: 200px; height: 200px"
      :src="
        stuProfill[0]
          ? stuProfill[0]?.headimgurl
          : 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png'
      "
    ></el-image>
    <el-descriptions title="学员资料" direction="vertical" :item="4" border>
      <el-descriptions-item label="sId" prop="sId">
        {{ stuProfill[0]?.sId }}
      </el-descriptions-item>
      <el-descriptions-item label="姓名">
        <el-tag>
          {{ stuProfill[0]?.name }}
        </el-tag>
      </el-descriptions-item>
      <el-descriptions-item label="年龄">
        {{ stuProfill[0]?.age }}
      </el-descriptions-item>
      <el-descriptions-item label="学历">
        {{ stuProfill[0]?.degree }}
      </el-descriptions-item>
      <el-descriptions-item label="班级">
        {{ stuProfill[0]?.class }}
      </el-descriptions-item>
      <el-descriptions-item label="项目地址">
        {{ stuProfill[0]?.productUrl }}
      </el-descriptions-item>
      <el-descriptions-item label="描述">
        {{ stuProfill[0]?.description }}
      </el-descriptions-item>
      <el-descriptions-item label="城市">
        {{ stuProfill[0]?.city }}
      </el-descriptions-item>
      <el-descriptions-item label="创建时间">
        {{ stuProfill[0]?.cTime }}
      </el-descriptions-item>
    </el-descriptions>
    <br />
    <el-button
      type="primary"
      width="100px"
      @click="$router.push('/studentmanager/studentproduct')"
    >
      点击返回列表
    </el-button>
  </div>
</template>

<script>
import { mapState } from "vuex";
export default {
  meta: {
    name: "学员资料",
    title: "xyzl",
    icon: "iconfont icon-shuju2",
  },
  computed: {
    ...mapState("stu", ["stuProfill"]),
  },
};
</script>
